<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="en"> <!--<![endif]-->

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
  <title>Nicolas Bermond - Web Developper</title>

  <link rel="stylesheet" href="css/normalize.css" />
  <link rel="stylesheet" href="css/foundation.css" />
  <link rel="stylesheet" href="css/style.css" type="text/css" />
 <link href="http://fonts.googleapis.com/css?family=Advent+Pro:200" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" href="js/js/fancybox/source/jquery.fancybox.css" type="text/css" />
<link href="js/js/jQuery-Validation-Engine-master/css/validationEngine.jquery.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/js/jquery.js"></script>
<script src="js/js/function.js" type="text/javascript"></script>
<script src="js/js/galery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/js/fancybox/source/jquery.fancybox.pack.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<script src="js/js/jQuery-Validation-Engine-master/js/languages/jquery.validationEngine-fr.js" type="text/javascript"></script>
<script src="js/js/jQuery-Validation-Engine-master/js/jquery.validationEngine.js" type="text/javascript"></script>
  <script src="js/vendor/custom.modernizr.js"></script>
   <script src="js/galery.js"></script>

</head>
<body>

	<!-- Navigation -->
 
  <nav class="top-bar show-for-small">
    <ul class="title-area">
      <!-- Title Area -->
      <li class="name">
        <h1>
          <a href="#"></a>
        </h1>
      </li>
      <li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
    </ul>
 
    <section class="top-bar-section">
      <!-- Right Nav Section -->
      <ul class="right">
        <li class="divider"></li>
        <li class="has-dropdown">
          <a href="#">Menu</a>
          <ul class="dropdown">
            <!-- <li><label>Section Name</label></li> -->
           <li><a href="index.php">Accueil</a></li>
  <li><a href="competences.php">Compétences</a></li>
 <li><a href="formations.php">Formations</a></li>
 <li><a href="experiences.php">Expériences professionnelles</a></li>
        <li class="active"><a href="divers.php">Divers</a></li>
         <li><a href="realisations.php">Réalisations</a></li>
          </ul>
 
      </ul>
    </section>
  </nav> 
  <!-- Header -->
 <header class="myhead">
  <div class="row" id="titre">
    <div class="twelve columns">
      <img src="img/arobase.png" alt="logo">
      <h1>Nicolas Bermond - Web Developper</h1>
      
    </div>
  </div>
 </header>

  <!-- Main content -->
<div class="main">
  <div class="row">
    <div class="large-12 small-12 columns">
      <div class="row">
    <div class="small-3 large-3 columns">
      <ul class="tabs vertical show-on-desktops">
        <li class="menuH"><a href="index.php">Accueil</a></li>
        <li class="menuH"><a href="competences.php">Compétences</a></li>
        <li class="menuH"><a href="formations.php">Formations</a></li>
        <li class="menuH"><a href="experiences.php">Expériences professionnelles</a></li>
        <li class="menuH active"><a href="divers.php">Divers</a></li>
         <li class="menuH"><a href="realisations.php">Réalisations</a></li>
      </ul>
    </div>
    <div class="large-9 small-9 columns" id="divGaleries">

      <!-- <div class="row inline-list"> -->
      <!--   <div class="large-3 small-3 columns"> -->
            <div id="musique" >
                 <h1>Musique</h1>
                 <p id="galerie" style="margin: auto;">
                   <img src="img/aerosmith.jpg" title="Aerosmith" alt="http://www.aerosmith.net" />
                   <img src="img/acdc.jpg" title="Ac/DC" alt="http://www.acdc.com/us" />
                   <img src="img/alice-cooper.jpg" title="Alice Cooper" alt="http://alicecooper.com/" />
                   <img src="img/Guns_N'_Roses.JPG" title="Guns'N'Roses" alt="http://web.gunsnroses.com/" />
                   <img src="img/maiden.jpg" title="Iron Maiden" alt="http://www.ironmaiden.com/" />
                 </p>
               </div>
             <!-- </div>
               <div class="large-3 small-3 large-centered columns"> -->
               <div id="lecture" >
                 <h1>Lecture</h1>
                 <p id="galerieLecture" style="margin: auto;">
                   <img src="img/koontz.jpg" title="Koontz" alt="http://www.deankoontz.com/" />
                   <img src="img/ligneverte.jpg" title="Stephen king" alt="http://www.stephenking.com/index.html" />
                   <img src="img/lovecraft.jpg" title="Lovecraft" alt="http://www.hplovecraft.com/" />
                   <img src="img/seigneuranneaux.jpg" title="Tolkien" alt="http://www.tolkien.fr/" />
                   
                 </p>
               </div>
             <!-- </div>
               <div class="large-3 small-3 columns"> -->
               <div id="cinema" >
                 <h1>Cinema</h1>
                 <p id="galerieCinema" style="margin: auto;">
                   <img src="img/diehard.jpg" title="die Hard" alt="die Hard" />
                   <img src="img/diner.jpg" title="Le diner de con" alt="Le diner de con" />
                   <img src="img/hannibal.jpg" title="Hannibal Lecter" alt="Hannibal Lecter" />
                   <img src="img/seigneuranneauxfilm.jpg" title="Trilogie : Le seigneur des anneaux" alt="Trilogie : Le seigneur des anneaux" />
                   
                 </p>
               </div>
             <!-- </div> -->
               <!-- </div> -->
    </div>
</div>
</div>
  </div>
</div>
 
 
  <!-- Footer -->
 
  <script>
  document.write('<script src=' +
  ('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
  '.js><\/script>')
  </script>  
  <script src="js/foundation.min.js"></script>
  <script>
    $(document).foundation();
  </script>
</body>
</html>
